*
{
  font-family: Verdana;
  font-size: 62.5%;
}

body
{
  margin: 0 auto 32px;
  width: 920px;
  font-size: 1.6em;
}

#header
{
  margin: 0;
  padding: 16px 4px 4px 4px;
  background: #3C69A6;
  border: 1px solid #458;
  border-top: none;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
}

h1
{
  float: left;
  margin: 4px 8px;
  padding: 2px;
  font-family: "Lucida Grande";
  font-size: 3.5em;
  color: #FFF;
}

h1 span
{
  font-size: inherit;
  font-weight: normal;
}

#header form
{
  float: right;
  margin: 16px 6px 6px 6px;
  font-size: 1.8em;
}

#header form input.query
{
  margin: 2px;
  padding: 4px;
  width: 256px;
  border: 1px solid #137;
}

#header form input.submit
{
  margin: 2px 6px;
  padding: 4px 10px;
  background: #68A;
  border: 1px solid #137;
  border-top-color: #358;
  font-weight: bold;
  color: #FFF;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

#legend
{
  float: right;
  margin: 0 8px 0 16px;
  padding: 0;
  background: #E0E0FF;
  border: 1px solid #369;
  border-top: none;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

#legend .hider
{
  float: right;
  margin: 4px;
  font-size: 1em;
  text-decoration: none;
}

#legend h3
{
  margin: 0px;
  padding: 4px 6px;
  background: #BCF;
  font-size: 1em;
}

#legend dl.searchterms
{
  margin: 8px 12px;
  padding: 2px;
  font-size: 1.6em;
}

#legend .searchterms dt
{
  font-weight: bold;
}

#legend .searchterms dd
{
  margin-left: 64px;
}

#legend ul
{
  padding: 0 8px;
  font-size: 1em;
  list-style: none;
}

#legend ul li
{
  margin: 8px 0;
  font-size: 1em;
}

#legend ul li code
{
  padding: 2px 4px;
  font-size: inherit;
  background: #C0D0F0;
}

#refinement
{
  float: left;
  margin: 8px 24px 8px 8px;
  padding: 0;
  background: #E0E0FF;
  border: 1px solid #369;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#refinement h2
{
  margin: 0px;
  padding: 4px 6px;
  color: #FFF;
  background: #3C69A6;
  font-size: 1.2em;
}

#refinement h3
{
  margin: 0px;
  padding: 4px 6px;
  background: #BCF;
  font-size: inherit;
}

#refinement ul
{
  padding: 0 12px;
  font-size: inherit;
  list-style: none;
}

#refinement ul li
{
  font-size: inherit;
}

#refinement ul li a
{
  font-size: inherit;
  text-decoration: none;
}

#results
{
  font-size: 0.8em;
}

#results span, #results a
{
  font-size: inherit;
}

#results p.related
{
  margin: 4px 64px;
  padding: 4px;
  border-bottom: 1px dotted #369;
}

#results h2
{
  font-size: 1.2em;
}

#results ul
{
  list-style: none;
}

#results ul, #results ul li, #results ul li p
{
  font-size: inherit;
}

#results ul li
{
  margin: 4px 64px;
  padding: 4px;
  border-top: 1px dotted #036;
}

#results ul li a
{
  text-decoration: none;
}

#results .title
{
  font-size: inherit;
}

#results .availability
{
  float: right;
  margin: 1px 4px;
  padding: 2px 4px;
  font-size: 0.8em;
  color: #FFF;
}

#results .availability.available
{
  background-color: #390;
}

#results .availability.onloan
{
  background-color: #C60;
}

#results .availability.reserved
{
  background-color: #C30;
}

#results .request
{
  float: right;
  margin: 0 8px;
  padding: 2px 4px;
  font-size: 0.8em;
  color: #FFF;
  background-color: #369;
  border: 1px solid #258;
}

.clear
{
  clear: both;
}